<!DOCTYPE HTML> 
<html> 
<head> 
	<meta charset="UTF-8"> 
	<title>Members-Hesgl</title>
	<link href="css/reset.css" rel="stylesheet" type="text/css"/>
	<link href="css/base.css" rel="stylesheet" type="text/css"/>
	<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
</head>
<body>
<div class="wrapper">
	<div class="header clearfix">
		<a href="index.html"><h1 class="logo fl">Hesgl</h1></a>
	    <div class="top-nav fr"><a href="javascript:;" class="sethome">管理员名字</a><span>|</span><a  href="javascript:;">［退出］</a></div>
	</div>
    <div class="content clearfix">
	    <div class="sidebar fl">
	    	<h3>管理中心</h3>
	        <ul class="nav">
	        	<li><a href="members-list.html" class="selected">会员管理</a></li>
	        	<li><a href="company-list.html">企业客户管理</a></li>
	        	<li><a href="site-list.html">网点管理</a></li>
	        	<li><a class="no-more" href="card-list.html">会员卡管理</a></li>
	        	
	        </ul>
	    </div>
    
        <div class="main">
       		<div class="traininc-nav-list">
				<ul>
					<li><a href="members.html">基本信息</a></li>
					<li><a href="members-info-health.html">健康信息</a></li>
					<li><a href="members-info-file.html">文件上传</a></li>
					<li><a href="members-info-feedback.html">留言管理</a></li>
					<li class="selected"><a href="members-info-card.html">绑定会员卡</a></li>
				</ul>
			</div>
			<div class="box-con">
								
				<table class="table-input">
					<tr>
						<td class="title">输入卡号</td>
						<td><input type="text" size="50" value="如果没有绑定">   <input type="button" name="" value="绑定" class="btnA" /</td>
					</tr>				
					<tr>
						<td class="title">已经绑定</td>
						<td><span style="font-size:24px; color:red;padding-right:20px">23456</span> [<a href="javascript:;">设为主卡号</a>][<a href="javascript:;">解除绑定</a>]</td>
					</tr>				
						
				</table>
				<h3>管理您的副卡</h3>
				<table class="table-input">
					<tr>
						<td class="title">输入卡号</td>
						<td><input type="text" size="50" value="如果没有绑定">   <input type="button" name="" value="添加" class="btnA" /</td>
					</tr>				
					
				</table>
				<table class="table-blue">
					<thead>
						<tr>
							<th>编号</th>
							<th>卡号</th>
							<th>姓名</th>
							<th>操作</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>1</td>
							<td>123456</td>
							<td>张三</td>
							<td><a href="#">查看详细</a> | <a href="#">解除绑定</a></td>
						</tr>				
						<tr class="odd">
							<td>2</td>
							<td>12345456</td>
							<td>张四</td>
							<td><a href="#">查看详细</a> | <a href="#">解除绑定</a></td>
						</tr>
							
					</tbody>
				</table>
			</div>
        </div>
        
    </div>
	<div class="footer">
	    <p class="copyright">Copyright © 2011 Hesgl.com All Rights Reserved</p>
	</div>       
</div>
</body>
</html>
